<%@ page language="java" contentType="text/html; charset=UTF-8"	 pageEncoding="UTF-8"%>
<%@ include file="../include/laypublic.jsp"%>
<!DOCTYPE html>
<html>
<head>
  <title>费用登记详情</title>
</head>
<style>
	.fieldset{
		margin-top: 5px;
		margin-bottom: 0px
	}
	.layui-legend{
		background-color:#5fb878;
		font-size:15px !important;
		width:140px;
	}
	.layui-form-item {
	    margin-bottom: 5px;
	    clear: both;
	    *zoom: 1;
	}
	.layui-form-label{width: 170px;}
</style>
<body>
<div class="layui-fluid">
    <div class="layui-card">
	    <div class="layui-tab-item layui-show">
	    	<div style="padding-top:15px;">&nbsp;</div>
			<form class="layui-form" id="addInfo_form">
			<fieldset class="layui-elem-field layui-field-title fieldset"  id="baseInfo">
				  <legend class="layui-btn layui-legend" style="text-align:left;cursor:default;">费用基础信息  ></legend>
					<div style="margin-top:20px">
						<div class="layui-form-item">
						    <div class="layui-inline">
							    <label class="layui-form-label">登记公司</label>
						      	<div class="layui-input-inline">
									<input type="text" value="${feeNoteDomain.orgName }" style="border:0px;" readonly="readonly" class="layui-input">
						      	</div>
					      	</div>
					      	<div class="layui-inline">
						    	<label class="layui-form-label">登记部门</label>
					      		<div class="layui-input-inline">
					      			<input type="text" value="${feeNoteDomain.deptName }" style="border:0px;" readonly="readonly" class="layui-input">
					      		</div>
				      		</div>
				      		<div class="layui-inline">
						    	<label class="layui-form-label">登记人</label>
					      		<div class="layui-input-inline">
					        		<input type="text" name="staffName" value="${feeNoteDomain.staffName }" readonly="readonly" style="border:0px" autocomplete="off" class="layui-input">
				      			</div>
				      		</div>
			      		</div>		
				     	<div class="layui-form-item">
					  		<div class="layui-inline">
						      	<label class="layui-form-label">费用归属公司</label>
						      	<div class="layui-input-inline">
						             <input type="text" class="layui-input" value="${feeNoteDomain.orgBillName }"  style="border:0px;" readonly="readonly" >
						      	</div>
						    </div>
						    <div class="layui-inline">
						    	<label class="layui-form-label">费用期间</label>
					      		<div class="layui-input-inline">
						             <input type="text" class="layui-input" value="<fmt:formatDate value="${feeNoteDomain.beeDateMonth }" pattern="yyyy-MM"/>"  style="border:0px;" readonly="readonly" >
					      		</div>
						    </div>
						    <div class="layui-inline">
						    	<label class="layui-form-label">登记类型</label>	
				            	<div class="layui-input-inline">
						             <input type="text" class="layui-input" value="${feeNoteDomain.noteType == 1 ? '财务管理':feeNoteDomain.noteType == 2 ? '管理费用':'营销费用'}"  style="border:0px;" readonly="readonly" >
				          		</div>
						    </div>
				     	</div>
						<div class="layui-form-item">
						    <label class="layui-form-label" >费用总额（元）</label>
					      	<div class="layui-input-inline">
								<div class="layui-input-inline">
				                    <input type="text"  style="border:0px;" readonly="readonly"
				                           autocomplete="off" class="layui-input"  value="${feeNoteDomain.beeAmount }">
				                </div>
					      	</div>
		      			</div>
				  		<div class="layui-form-item">
						    <div class="layui-inline">
						    	<label class="layui-form-label">费用备注</label>
					      		<div class="layui-input-inline">
						      		<textarea readonly="readonly" class="layui-textarea" style="width:899px;">${feeNoteDomain.memo }</textarea>
					      		</div>
						    </div>
					    </div>
					</div>
			</fieldset>
			<c:if test="${feeNoteDomain.noteType == 2 or feeNoteDomain.noteType == 3 }">
				<fieldset class="layui-elem-field layui-field-title">
                 	<legend class="layui-btn layui-legend" style="text-align:left;cursor:default;">费用类别明细></legend>
                 	<div style="margin-top:20px"></div>
				 	<div class="layui-form-item">
						<div class="layui-inline">
		               			 <label class="layui-form-label" >人工费用（元）</label>
		               			 <div class="layui-input-inline">
		                 		   <input type="text" id="manFee" name="manFee" value="${feeNoteDomain.manFee }"  style="border:0px;" readonly="readonly"
		                           autocomplete="off" class="layui-input" >
		                		</div>
		            	</div>
						<div class="layui-inline">
				                <label class="layui-form-label" >差旅费（元）</label>
				                <div class="layui-input-inline">
				                    <input type="text" id="travelFee" name="travelFee"  value="${feeNoteDomain.travelFee }"  style="border:0px;" readonly="readonly"
				                           autocomplete="off" class="layui-input" >
				                </div>
			            </div>
			            <div class="layui-inline">
				                <label class="layui-form-label" >业务招待费（元）</label>
				                <div class="layui-input-inline">
				                    <input type="text" id="bizServeFee"  name="bizServeFee"  value="${feeNoteDomain.bizServeFee }"  style="border:0px;" readonly="readonly"
				                           autocomplete="off" class="layui-input" >
				                </div>
			            </div>
		          </div>
				  <div class="layui-form-item">
						<div class="layui-inline">
				                <label class="layui-form-label" >办公费（元）</label>
				                <div class="layui-input-inline">
				                    <input type="text" id="officeFee"  name="officeFee"  value="${feeNoteDomain.officeFee }"  style="border:0px;" readonly="readonly"
				                           autocomplete="off" class="layui-input" > 
				                </div>
				        </div>
						<div class="layui-inline">
				                <label class="layui-form-label" >其他费用（元）</label>
				                <div class="layui-input-inline">
				                    <input type="text" id="otherFee" name="otherFee" value="${feeNoteDomain.otherFee }"  style="border:0px;" readonly="readonly"
				                           autocomplete="off" class="layui-input" >
				                </div>
		            	</div>
	            	</div>
	            </fieldset>
	            </c:if>
			</form>
  		</div>
	</div>
</div>
  <script>

  layui.config({
    base: '${ctx}/resources/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'set', 'upload', 'element', 'laydate'], function(){
    var $ = layui.$
    ,form = layui.form
    ,element = layui.element
    ,laydate = layui.laydate
    ,upload = layui.upload;
    
  	
  });
  
//根据下拉选择不同显示不同的div
  layui.use(['form','layer','jquery'], function(){
      var $ = layui.jquery,
          layer = layui.layer,
          form = layui.form; 
          var value = $("#noteType").val();
          if(value == "" || value == "0"){
              $("#show_MX").hide();
          }else if(value == "1"){
              $("#show_MX").hide();
          }else if(value == "2"){
              $("#show_MX").show();
              
          }else if(value == "3"){
              $("#show_MX").show();
              
          }
  });
  </script>
</body>
</html>